<template>
  <div class="right-container borderStyle">
    <iframe class="svg" :src="svgUrl" border="none" frameborder="0" style="width:100%;height:100%" />
  </div>
</template>

<script lang="ts">
import { Component, Watch, Prop, Vue } from "vue-property-decorator";

@Component
export default class extends Vue {
  private svgUrl = "";
  setSvg(stationId) {
    console.log(111, stationId);
    if (stationId) {
      let form = {
        stationId: stationId,
        menuName: "摄像机分布图",
      };
      (this as any).$services
        .queryDwUrl({ data: form, method: "get" })
        .then((result: any) => {
          // console.log("获取绘图图片地址:", result);
          let data = result.data;
          this.svgUrl = data;
        })
        .catch((err: object) => {
          console.log(err);
        });
    }
  }
}
</script>

<style lang="scss" scoped>
.right-container {
  width: 100%;
  height: 100%;
}
</style>

